<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Around Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- font -->
<link href='http://fonts.useso.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>	
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
</head>
</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top-header">
			<div class="container">
				<div class="top-header-info">
					<div class="top-header-left wow fadeInLeft animated" data-wow-delay=".5s">
						<p>这里有你想去，但不知怎么去的决心！</p>
					</div>
					<div class="top-header-right wow fadeInRight animated" data-wow-delay=".5s">
						<div class="top-header-right-info">
							<ul>
								<li><a href="login.html">登录</a></li>
								<li><a href="signup.html">注册</a></li>
							</ul>
						</div>
						<div class="social-icons">
							<ul>
								<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a class="twitter facebook" href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a class="twitter google" href="#"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="bottom-header">
			<div class="container">
				<div class="logo wow fadeInDown animated" data-wow-delay=".5s">
					<h1><a href="index.html"><img src="images/logo.jpg" alt="" /></a></h1>
				</div>
				<div class="top-nav wow fadeInRight animated" data-wow-delay=".5s">
					<nav class="navbar navbar-default">
						<div class="container">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu						
							</button>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="index.html" class="active">主页</a></li>
								<li><a href="about.html">简介</a></li>
								<!-- <li><a href="codes.html">Codes</a></li> -->
								<li><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展览<span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a class="hvr-bounce-to-bottom" href="gallery1.html">浏览1</a></li>
										<li><a class="hvr-bounce-to-bottom" href="gallery2.html">浏览2</a></li>          
									</ul>
								</li>	
								<li><a href="blog.html">博客</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>	
							<div class="clearfix"> </div>
						</div>	
					</nav>		
				</div>
			</div>
		</div>
	</div>
	<!-- //header -->
	
	<!-- contact -->
	<div class="contact">
		<div class="container">
			<div class="contact-heading">
					<h2 class="wow fadeInDown animated" data-wow-delay=".5s">联系我们</h2>
					<p class="wow fadeInUp animated" data-wow-delay=".5s">如果您有任何意见或建议，请发邮件给我们。我们会在收到邮件后的1个工作日内给您回复。</p>
				</div>
			<!-- <div class="map wow fadeInUp animated" data-wow-delay=".5s">
				<h4>联系方式 :</h4>
				<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3771907.975236311!2d-2.09480472072984!3d39.07355564363949!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1436857347604" frameborder="0" style="border:0" allowfullscreen></iframe>
			</div> -->
			
			<div class="address">
				<div class="col-md-4 address-grids wow fadeInLeft animated" data-wow-delay=".5s">
					<h4>地址 Address :</h4>
					<ul>
						<li><p>海南师范大学<br>
								桂林洋<br>
								邮政编码 000000</p>
						</li>
					</ul>
				</div>
				<div class="col-md-4 address-grids wow fadeInUp animated" data-wow-delay=".5s">
					<h4>联系电话 Phone :</h4>
					<p>+08 000 000</p>
					<p>+08 000 000</p>
				</div>
				<div class="col-md-4 address-grids wow fadeInRight animated" data-wow-delay=".5s">
					<h4>邮箱 Email :</h4>
					<p><a href="mailto:example@email.com">hainnu@hain.com</a></p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<!-- <div class="contact-infom wow fadeInUp animated" data-wow-delay=".5s">
				<h4>Miscellaneous Information:</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sheets containing Lorem Ipsum passages, 
					sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.It was popularised in the 1960s with the release of Letraset
					  and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
			</div> -->	
			<div class="contact-form wow fadeInUp animated" data-wow-delay=".5s">
				<h4>您的意见或建议：</h4>
				<form>
					<input type="text" placeholder="名字 Name" required="">
					<input type="email" placeholder="邮箱 Email" required="">
					<input type="text" placeholder="电话 Telephone" required="">
					<textarea placeholder="建议 Message：" required=""></textarea>
					<button class="btn1 btn-1 btn-1b">提交</button>
				</form>
			</div>	
		</div>
	</div>
	<!-- //contact -->
	
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-3 footer-nav wow fadeInLeft animated" data-wow-delay=".5s">
					<h4>导航</h4>
					<ul>
						<li><a href="about.html">简介 About</a></li>
						<li><a href="gallery1.html">展览 Gallery</a></li>
						<li><a href="blog.html">博客 Blog</a></li>
						<li><a href="contact.html">联系我们 Contact</a></li>
					</ul>
				</div>
				<div class="col-md-5 footer-nav wow fadeInUp animated" data-wow-delay=".5s">
					<h4>新闻</h4>
					<p>景点新闻早知道，输入您的邮箱免费订阅</p>
					<form>
						<input type="email" id="mc4wp_email" name="EMAIL" placeholder="请输入您的邮箱" required="">
						<input type="submit" value="订阅">
					</form>
				</div>
				<div class="col-md-4 footer-nav wow fadeInRight animated" data-wow-delay=".5s">
					<h4>最近消息</h4>
					<div class="news-grids">
						<div class="news-grid">
							<h6>09/01/2021 : <a href="single.html">山东打好“五张牌”建设黄河文化旅游带</a></h6>
							<h6>13/07/2021 : <a href="single.html">黄金周新疆旅游区揽金23.42亿 收入同比翻倍</a></h6>
							<h6>13/02/2021 : <a href="single.html">“休闲汇”助力黄金周 烟台旅游总收入7352万</a></h6>
							<h6>28/11/2021 : <a href="single.html">海南黄金周旅游收入达11.39亿 较去年同期增28.05%</a></h6>
							<h6>19/01/2021 : <a href="single.html">大众旅游时代乡村旅游的新趋势</a></h6>
							<h6>23/02/2021 : <a href="single.html">不妨以门票优惠撬动冬春旅游市场</a></h6>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="copyright wow fadeInUp animated" data-wow-delay=".5s">
				<!-- <p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p> -->
			</div>
		</div>
	</div>
	<!-- //footer -->
</body>	
</html>